@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}

*{font-family:Droid Sans;}

h1,h2,header{font-family:Ubuntu;}

a, a:visited{color:#0C2C52;}
a:hover{font-style:italic;}

body{
	width:800px;
	margin-left:auto;
	margin-right:auto;
background-image: -webkit-gradient(
		linear, left top, left bottom, from(rgba(94, 157, 200, 1.0)), to(rgba(94, 157, 200, 0)));
	
	background-image: -moz-linear-gradient(
		top, rgba(94, 157, 200, 1.0) 20%, rgba(94, 157, 200, 0) 95%);
background-repeat:repeat-x;
}

header{
	font-weight:bold;
}

#main_wrapper{
	border-radius:20px;
	box-shadow: 0px 0px 5px gray;
	margin: 5% 0;
}

#main_header{
	background-color:gray;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding:5px;
}

#main_nav{
	text-align:center;
	padding:0px;
	background-image: linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -o-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -moz-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -ms-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.74, #DEDEDE),
		color-stop(0.9, #F5F5F5)
	);
}

#main_section{
	padding:10px;
	font-size:12px;
	background-color:#DCF0F7;
}

#main_footer{
	background-color:#5E9DC8;
	text-align:center;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	padding:10px;
	font-size:12px;
}

#main_nav ul{display:block;  margin:auto auto; 	padding:0px 25px; text-align:center;}

#main_nav ul li{
	display:inline-block;
	list-style: none;
	margin:0px auto;
	font-size:14px;
	padding:10px;
}

#main_nav ul li:hover{box-shadow: 0px 0px 5px gray; cursor:pointer;}

#main_nav a{text-decoration:none; font-family:Ubuntu; font-weight:bold; font-style:normal;}

a.botones{	color:black;}
.botones{
	display:block;
	width:100%;
	text-decoration:none;
	border-radius:5px;
	border: 1px ridge #bbb;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -o-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -moz-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -ms-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.74, #DEDEDE),
		color-stop(0.9, #F5F5F5)
	);
}

.botones:active{
	background-image: linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -o-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -moz-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -ms-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.74, #DEDEDE),
		color-stop(0.9, #F5F5F5)
	);
}

.botones:hover{font-style:normal; cursor:pointer;}

a.botones_sm{	color:black;}
.botones_sm{
	display:inline-block;
	text-decoration:none;
	border-radius:5px;
	border: 1px ridge #bbb;
	padding: 5px;
	background-image: linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -o-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -moz-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -ms-linear-gradient(bottom, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.74, #DEDEDE),
		color-stop(0.9, #F5F5F5)
	);
}

.botones_sm:active{
	background-image: linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -o-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -moz-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -ms-linear-gradient(top, #DEDEDE 74%, #F5F5F5 90%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.74, #DEDEDE),
		color-stop(0.9, #F5F5F5)
	);
}

.botones_sm:hover{font-style:normal; cursor:pointer;}

#login_error{
	border-radius:10px;
	margin:10px;
	padding:5px;
	background-color:#9fcff0;
	font-style:italic;
	text-align:center;
}

.table_center{
	display:table;
	margin-left:auto;
	margin-right:auto;
}

table{border:1px solid #9fcff0;}

table th{
	background-color:#9fcff0;
}

td, th{padding:5px;}

td{border-left:1px solid #9fcff0; border-right:1px solid #9fcff0;}

